<html>
	<head>
		<title>chosen</title>
		<link rel="stylesheet" href="../chosen/chosen.css" />
		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js" type="text/javascript"></script>
		<script src="../chosen/chosen.jquery.js" type="text/javascript"></script>
	</head>
	<body>
		<select class='single_sel'>
			<option value="1">china</option>
			<option value="2">janpan</option>
			<option selected="" value="3">American</option>
			<option value="4">England</option>
			<option value="5">canada</option>
			<option value="6">Austrilia</option>
		</select>

		<select style="width:400px;" multiple="true" class='multi_sel'>
			<option value="1">china</option>
			<option selected="" value="2">janpan</option>
			<option value="3">American</option>
			<option selected="" value="4">England</option>
			<option value="5">canada</option>
			<option value="6">Austrilia</option>
		</select>

		<script>
			$(".single_sel").chosen();
			$(".multi_sel").data("placeholder","Select cocuntry...").chosen();
		</script>
	</body>
</html>